// @import "../../style/base/variable";
@qh_red:#fd7d6a;
@qh_green:#54bb9d;
@qh_blue:#549eef;
@qh_yellow:#f5a623;
@qh_txt_gray:#646464;
@qh_bg_yellow: #FDFBF4;
@qh_list_border_color: rgba(245,166,35,0.2);

.cart_page{
	background: #FDFBF4;
	width: 100%;
	height: 100%;
	header{
		height: .6rem;
		padding: .1rem .2rem;
		span{
			border-left: .04rem solid @qh_yellow;
		}
	}
	.cart_items{
		background:#fff;
		.item_header{
			padding: .2rem .2rem;
			box-shadow: 0px -1px 0px 0px rgba(245,166,35,0.20) inset;
			.icon-next{
				height: .34rem;
				line-height: .22rem;
				vertical-align: middle;
			    color: rgba(245,166,35,0.20);
			}
			a{
				float: right;
			}
		}
		.item_con{
			padding: .1rem .2rem;
			box-shadow: 0px -1px 0px 0px rgba(245,166,35,0.20) inset;
			span{
				color: #3F4146;
				font-size: .18rem;
				line-height: .18rem;
				margin: 0 .1rem;
				white-space:nowrap;
			}
			span.editing{
				border: 1px solid rgba(253,125,105,0.40);
			    border-radius: .04rem;
			    padding: .1rem .16rem;
			    margin-top: 0.1rem;
			    display: inline-block;
			    &:active, &:focus, &:link{
					background: rgba(253,125,106,.6);
				}
				&:after{
					content: 'x';
					color: @qh_red;
					width: .12rem;
					height: .12rem;
					line-height: .18rem;
					margin-left: .1rem;
				}
			}
		}
	}
	.cart_submit{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		ul{
			line-height: .84rem;
			height: .84rem;
			li{
				width: 50%;
				margin: 0;
				display: inline-block;
				text-align: center;
				float: left;
				span{
					color: #fff;
					font-size: .32rem;
				}
			}
			li:first-child{
				background: @qh_yellow;
			}
			li:last-child{
				background: @qh_red;
			}
			li#goShopInEmpty{
				width:100%;
			}
		}
	}
	.cart_empty{
		widows: 100%;
		text-align: center;
		padding-top: 1rem;
	}
}